:root{
  /* 全局样式变量, 使用  calc(97vw - var(--menuWidth)); */
  --menuWidth:210px;
  /* 页面头部高度 */
  --headerHeight:60px;
  /* 菜单和头部背景色 */
  --bgColor:white;
  /* 子菜单背景色 */
  --subMenuBgColor:--bgColor;
  --subMenuHoverColor:rgb(240 243 245);
}
#app{
  width: 100vw;
}
body {
    overflow-x: hidden;
    height: 100vh;
    margin: 0;
    background-color: unset;
}
/* drapdown聚焦黑边框 */
.el-tooltip__trigger:focus-visible {
    outline: unset;
} 
 .el-tooltip__trigger:first-child:focus-visible {
    outline: unset;
} 
/* 菜单背景色 */
.el-menu{
  background-color: var(--bgColor);
}
/* 菜单子元素聚焦背景色 */
.el-sub-menu__title:hover{
  background-color: var(--bgColor);
}
/* 子菜单背景色 */
.slide .el-menu--inline{
  background-color: var(--subMenuBgColor);
  width: var(--subMenuBgColor);
}
.el-menu-item {
  width: 210px;
}
/* 子菜单聚焦背景色 */
.el-menu-item:hover {
  background-color: var(--subMenuHoverColor);
  width: 210px;
}
/* 选中菜单字体大小 */
.el-menu-item.is-active {
  color: #0d84ff;
  /* font-weight: 500; */
  font-size: 15px;
  transition: all 0.3s ease-in-out;
}
/* 菜单标题颜色 */
.el-sub-menu__title , .el-menu-item{
  color: black;
}
.el-dropdown {
  color:white;
}
/* 菜单高度 */
.el-menu-item{
  height: 40px;
}
.el-menu-item-group__title {
  display: none;
}
.demo-form-inline{
  text-align: left;
  /* padding: 15px 10px 10px 10px; */
  padding: 15px 10px 5px 15px;
}
.demo-form-inline .el-form-item__label {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 600;
}
/* 全局图标样式 */
.el-icon{
  margin-right: 5px;
}

/* 页面排版样式 */
.mainContainer {
  padding: 19px;
  /* height: 100vh; */
}
/* 搜索区域 */
.searchContainer {
  background-color: white;
  /* margin-bottom: 10px; */
  padding-top: 5px;
  border-radius: 4px;
  padding-left: 0;
}
/* 数据展示区域 */
.dataContainer {
  padding: 10px 10px;
  background: white;
  /* height:73vh; */
  border-radius: 4px;
  margin: 19px;
  height: calc(100vh - 185px);
 }
.dataContainer .el-table {
  height: calc(-360px + 100vh);
}
.el-table__body-wrapper {
  border-bottom: solid 1px #ebebeb;
}
/* 放大样式 - dataContainer */
.dataContainerAmplify {
  height:85vh;
 }

 /* 放大样式 - 表格*/
.dataContainerAmplify .el-table {
  height: calc(-210px + 100vh);
}
 /* 表格设置 */
.el-table th.el-table__cell ,
.el-table.is-scrolling-none th.el-table-fixed-column--right,
.el-table.is-scrolling-right th.el-table-fixed-column--right,
.el-table th.el-table__cell.is-leaf{
  background-color: #f8f8f8;
}
.el-table .cell {
  color: black;
}
/* 弹窗样式 */
.el-dialog {
  /* overflow: hidden; */
  padding-left: 0;
  padding-right: 0;
}
.el-dialog__header {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
  text-align: left;
  padding-left: 15px;
}
.el-dialog__footer {
  text-align: right;
  margin-right: 2%;
}
/* Notification通知框标题字体大小 */
.el-notification__title {
  font-size: 14px;
}
/* danger 按钮背景色 */
.el-button--danger {
  /* background-color: red; */
}
/* 表格样式 */
.el-form-item__label {
  font-weight: 600;
  font-size: 12px !important;
}
.el-form-item {
  padding-top:10px;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
  color: #f70c0c;
  padding-top: 3px;
}
.el-drawer__title {
  text-align: left;
}
.el-drawer__header {
  text-align: left;
  border-bottom: solid 1px #d3d3d3;
  margin-bottom: 0px;
  padding-bottom: 15px;
}
.el-drawer__footer{
  border-top: solid 1px #d3d3d3;
}


/* 修改table中的滚动条样式 */
/* 横向滚动条 */
 .el-scrollbar__bar.is-horizontal>div {
    height: 14px;
    top: -5px;
 }
 /* 纵向滚动条 */
.el-scrollbar__bar.is-vertical>div{
  width: 11px;
  right: 4px;
}
/* 全局table高度调整*/
 .el-table__inner-wrapper{
    max-height: 100vh;
    overflow-y: hidden;
 }
 .el-table th .gutter{
    display: table-cell!important;
}
/* 全局按钮选中边框问题 */
.el-button:focus-visible {
  outline:unset;
}
/* 避免首页el-menu折叠时, 子菜单的边框被echarts样式污染 */
.menuPopperClass{
  border: unset !important;
}
/* table 表格溢出隐藏 */
.textHiding{
	width: 200px;
	white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis; 
}
.labelTextColor {
	color: #f7bb2f;
	margin-top: 10px;
  text-align: left;
}
.labelTextColor p {
  margin-top: 0;
  margin-bottom: 0;
}
.pc{
  width: 400px;
  text-align: left;
  word-break: break-all;
}
